<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>About Me</title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width"/>

    <!-- Bootstrap styles -->
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
 
    <!-- Font-Awesome -->
    <link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css"/>

    <!-- Google Webfonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600|PT+Serif:400,400italic' rel='stylesheet' type='text/css'/>

    <!-- Styles -->
    <link rel="stylesheet" href="/css/style.css" id="theme-styles"/>

    <!--[if lt IE 9]>      
        <script src="js/vendor/google/html5-3.6-respond-1.1.0.min.js"></script>
    <![endif]-->
    
</head>
<body>
    <div th:include = "header :: head"></div>

    <div class="widewrapper main">
        <div class="container about">
            <h1>Hello, My name is <span class="about-bold"> John Doe</span></h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus inventore magni ratione perferendis ex molestiae cum reiciendis perspiciatis consequuntur, nihil ducimus corrupti! Ipsum nesciunt ipsa nobis obcaecati labore, rem recusandae?</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui quo sint asperiores, ut doloremque eum commodi, odit nisi sed repellendus earum recusandae pariatur consectetur minus rerum, magni dolores officiis magnam.</p>
            <div class="about-button">
                <a class="btn btn-xlarge btn-clean-one" href="contact.html">Contact Me</a>
            </div>
            <hr/>
        </div>
    </div>

	<div th:include="footer :: foot"></div>    
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/modernizr.js"></script>

</body>
</html>